
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">54640</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  78.07,21.57,0.17,0.09,0.04,0.01,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692814398,null],[1692814399,null],[1692814400,null],[1692814401,null],[1692814402,null],[1692814403,null],[1692814404,null],[1692814405,null],[1692814406,null],[1692814407,null],[1692814408,null],[1692814409,null],[1692814410,null],[1692814411,null],[1692814412,null],[1692814413,null],[1692814414,null],[1692814415,null],[1692814416,null],[1692814417,null],[1692814418,null],[1692814419,null],[1692814420,null],[1692814421,null],[1692814422,null],[1692814423,null],[1692814424,null],[1692814425,null],[1692814426,null],[1692814427,null],[1692814428,null],[1692814429,null],[1692814430,null],[1692814431,null],[1692814432,null],[1692814433,null],[1692814434,null],[1692814435,null],[1692814436,null],[1692814437,null],[1692814438,null],[1692814439,null],[1692814440,null],[1692814441,null],[1692814442,null],[1692814443,null],[1692814444,null],[1692814445,null],[1692814446,null],[1692814447,null],[1692814448,null],[1692814449,null],[1692814450,null],[1692814451,null],[1692814452,null],[1692814453,null],[1692814454,null],[1692814455,null],[1692814456,null],[1692814457,null],[1692814458,null],[1692814459,null],[1692814460,null],[1692814461,null],[1692814462,null],[1692814463,null],[1692814464,null],[1692814465,null],[1692814466,null],[1692814467,null],[1692814468,null],[1692814469,null],[1692814470,null],[1692814471,null],[1692814472,null],[1692814473,null],[1692814474,null],[1692814475,null],[1692814476,null],[1692814477,null],[1692814478,null],[1692814479,null],[1692814480,null],[1692814481,null],[1692814482,null],[1692814483,null],[1692814484,null],[1692814485,null],[1692814486,null],[1692814487,null],[1692814488,null],[1692814489,null],[1692814490,null],[1692814491,null],[1692814492,null],[1692814493,null],[1692814494,null],[1692814495,null],[1692814496,null],[1692814497,null],[1692814498,null],[1692814499,null],[1692814500,null],[1692814501,null],[1692814502,null],[1692814503,null],[1692814504,null],[1692814505,null],[1692814506,null],[1692814507,null],[1692814508,null],[1692814509,null],[1692814510,null],[1692814511,null],[1692814512,null],[1692814513,null],[1692814514,null],[1692814515,null],[1692814516,null],[1692814517,null],[1692814518,null],[1692814519,null],[1692814520,null],[1692814521,null],[1692814522,null],[1692814523,null],[1692814524,null],[1692814525,null],[1692814526,null],[1692814527,null],[1692814528,null],[1692814529,null],[1692814530,null],[1692814531,null],[1692814532,null],[1692814533,null],[1692814534,null],[1692814535,null],[1692814536,null],[1692814537,null],[1692814538,null],[1692814539,null],[1692814540,null],[1692814541,null],[1692814542,null],[1692814543,null],[1692814544,null],[1692814545,null],[1692814546,null],[1692814547,null],[1692814548,null],[1692814549,null],[1692814550,null],[1692814551,null],[1692814552,null],[1692814553,null],[1692814554,null],[1692814555,null],[1692814556,null],[1692814557,null],[1692814558,null],[1692814559,null],[1692814560,null],[1692814561,null],[1692814562,null],[1692814563,null],[1692814564,null],[1692814565,null],[1692814566,null],[1692814567,null],[1692814568,null],[1692814569,null],[1692814570,null],[1692814571,null],[1692814572,null],[1692814573,null],[1692814574,null],[1692814575,null],[1692814576,null],[1692814577,null],[1692814578,null],[1692814579,null],[1692814580,null],[1692814581,null],[1692814582,null],[1692814583,null],[1692814584,null],[1692814585,null],[1692814586,null],[1692814587,null],[1692814588,null],[1692814589,null],[1692814590,null],[1692814591,null],[1692814592,null],[1692814593,null],[1692814594,null],[1692814595,null],[1692814596,null],[1692814597,null],[1692814598,null],[1692814599,null],[1692814600,null],[1692814601,null],[1692814602,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692814398,[2,0,2]],[1692814399,[2,0,2]],[1692814400,[2,0,2]],[1692814401,[2,0,2]],[1692814402,[2,0,2]],[1692814403,[2,0,2]],[1692814404,[2,0,2]],[1692814405,[2,0,2]],[1692814406,[2,0,2]],[1692814407,[2,0,2]],[1692814408,[3,0,3]],[1692814409,[10,0,10]],[1692814410,[5,0,5]],[1692814411,[3,0,3]],[1692814412,[6,0,6]],[1692814413,[7,0,7]],[1692814414,[5,0,5]],[1692814415,[6,0,6]],[1692814416,[5,0,5]],[1692814417,[3,0,3]],[1692814418,[5,0,5]],[1692814419,[7,0,7]],[1692814420,[2,0,2]],[1692814421,[3,0,3]],[1692814422,[9,0,9]],[1692814423,[5,0,5]],[1692814424,[9,0,9]],[1692814425,[13,0,13]],[1692814426,[16,0,16]],[1692814427,[20,0,20]],[1692814428,[22,0,22]],[1692814429,[26,0,26]],[1692814430,[29,0,29]],[1692814431,[33,0,33]],[1692814432,[36,0,36]],[1692814433,[39,0,39]],[1692814434,[42,0,42]],[1692814435,[46,0,46]],[1692814436,[49,0,49]],[1692814437,[52,0,52]],[1692814438,[56,0,56]],[1692814439,[59,0,59]],[1692814440,[62,0,62]],[1692814441,[65,0,65]],[1692814442,[69,0,69]],[1692814443,[73,0,73]],[1692814444,[75,0,75]],[1692814445,[78,0,78]],[1692814446,[82,0,82]],[1692814447,[86,0,86]],[1692814448,[89,0,89]],[1692814449,[91,0,91]],[1692814450,[95,0,95]],[1692814451,[99,0,99]],[1692814452,[102,0,102]],[1692814453,[105,0,105]],[1692814454,[108,0,108]],[1692814455,[112,0,112]],[1692814456,[115,0,115]],[1692814457,[119,0,119]],[1692814458,[121,0,121]],[1692814459,[125,0,125]],[1692814460,[128,0,128]],[1692814461,[132,0,132]],[1692814462,[135,0,135]],[1692814463,[138,0,138]],[1692814464,[141,0,141]],[1692814465,[145,0,145]],[1692814466,[148,0,148]],[1692814467,[151,0,151]],[1692814468,[155,0,155]],[1692814469,[158,0,158]],[1692814470,[161,0,161]],[1692814471,[164,0,164]],[1692814472,[168,0,168]],[1692814473,[172,0,172]],[1692814474,[174,0,174]],[1692814475,[177,0,177]],[1692814476,[181,0,181]],[1692814477,[185,0,185]],[1692814478,[188,0,188]],[1692814479,[190,0,190]],[1692814480,[194,0,194]],[1692814481,[198,0,198]],[1692814482,[201,0,201]],[1692814483,[204,0,204]],[1692814484,[207,0,207]],[1692814485,[211,0,211]],[1692814486,[214,0,214]],[1692814487,[218,0,218]],[1692814488,[220,0,220]],[1692814489,[224,0,224]],[1692814490,[227,0,227]],[1692814491,[231,0,231]],[1692814492,[234,0,234]],[1692814493,[237,0,237]],[1692814494,[240,0,240]],[1692814495,[244,0,244]],[1692814496,[247,0,247]],[1692814497,[251,0,251]],[1692814498,[253,0,253]],[1692814499,[257,0,257]],[1692814500,[260,0,260]],[1692814501,[263,0,263]],[1692814502,[267,0,267]],[1692814503,[270,0,270]],[1692814504,[274,0,274]],[1692814505,[276,0,276]],[1692814506,[280,0,280]],[1692814507,[284,0,284]],[1692814508,[287,0,287]],[1692814509,[289,0,289]],[1692814510,[294,0,294]],[1692814511,[296,0,296]],[1692814512,[300,0,300]],[1692814513,[303,0,303]],[1692814514,[307,0,307]],[1692814515,[309,0,309]],[1692814516,[313,0,313]],[1692814517,[317,0,317]],[1692814518,[320,0,320]],[1692814519,[322,0,322]],[1692814520,[326,0,326]],[1692814521,[330,0,330]],[1692814522,[333,0,333]],[1692814523,[336,0,336]],[1692814524,[339,0,339]],[1692814525,[343,0,343]],[1692814526,[346,0,346]],[1692814527,[349,0,349]],[1692814528,[353,0,353]],[1692814529,[355,0,355]],[1692814530,[360,0,360]],[1692814531,[362,0,362]],[1692814532,[366,0,366]],[1692814533,[370,0,370]],[1692814534,[372,0,372]],[1692814535,[376,0,376]],[1692814536,[379,0,379]],[1692814537,[382,0,382]],[1692814538,[386,0,386]],[1692814539,[388,0,388]],[1692814540,[392,0,392]],[1692814541,[396,0,396]],[1692814542,[399,0,399]],[1692814543,[402,0,402]],[1692814544,[406,0,406]],[1692814545,[408,0,408]],[1692814546,[412,0,412]],[1692814547,[416,0,416]],[1692814548,[418,0,418]],[1692814549,[422,0,422]],[1692814550,[425,0,425]],[1692814551,[429,0,429]],[1692814552,[432,0,432]],[1692814553,[435,0,435]],[1692814554,[438,0,438]],[1692814555,[442,0,442]],[1692814556,[445,0,445]],[1692814557,[448,0,448]],[1692814558,[452,0,452]],[1692814559,[454,0,454]],[1692814560,[459,0,459]],[1692814561,[461,0,461]],[1692814562,[466,0,466]],[1692814563,[467,0,467]],[1692814564,[472,0,472]],[1692814565,[474,0,474]],[1692814566,[478,0,478]],[1692814567,[482,0,482]],[1692814568,[485,0,485]],[1692814569,[487,0,487]],[1692814570,[491,0,491]],[1692814571,[495,0,495]],[1692814572,[497,0,497]],[1692814573,[502,0,502]],[1692814574,[504,0,504]],[1692814575,[508,0,508]],[1692814576,[511,0,511]],[1692814577,[515,0,515]],[1692814578,[517,0,517]],[1692814579,[521,0,521]],[1692814580,[524,0,524]],[1692814581,[528,0,528]],[1692814582,[531,0,531]],[1692814583,[534,0,534]],[1692814584,[537,0,537]],[1692814585,[540,0,540]],[1692814586,[545,0,545]],[1692814587,[547,0,547]],[1692814588,[551,0,551]],[1692814589,[554,0,554]],[1692814590,[557,0,557]],[1692814591,[561,0,561]],[1692814592,[563,0,563]],[1692814593,[567,0,567]],[1692814594,[571,0,571]],[1692814595,[573,0,573]],[1692814596,[577,0,577]],[1692814597,[581,0,581]],[1692814598,[583,0,583]],[1692814599,[588,0,588]],[1692814600,[590,0,590]],[1692814601,[593,0,593]],[1692814602,[875,0,875]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692814398,[2,0,2]],[1692814399,[2,0,2]],[1692814400,[2,0,2]],[1692814401,[2,0,2]],[1692814402,[2,0,2]],[1692814403,[2,0,2]],[1692814404,[2,0,2]],[1692814405,[2,0,2]],[1692814406,[2,0,2]],[1692814407,[2,0,2]],[1692814408,[3,0,3]],[1692814409,[10,0,10]],[1692814410,[5,0,5]],[1692814411,[3,0,3]],[1692814412,[6,0,6]],[1692814413,[7,0,7]],[1692814414,[5,0,5]],[1692814415,[6,0,6]],[1692814416,[5,0,5]],[1692814417,[3,0,3]],[1692814418,[5,0,5]],[1692814419,[7,0,7]],[1692814420,[2,0,2]],[1692814421,[3,0,3]],[1692814422,[9,0,9]],[1692814423,[5,0,5]],[1692814424,[9,0,9]],[1692814425,[13,0,13]],[1692814426,[16,0,16]],[1692814427,[20,0,20]],[1692814428,[22,0,22]],[1692814429,[26,0,26]],[1692814430,[29,0,29]],[1692814431,[33,0,33]],[1692814432,[36,0,36]],[1692814433,[39,0,39]],[1692814434,[42,0,42]],[1692814435,[46,0,46]],[1692814436,[49,0,49]],[1692814437,[52,0,52]],[1692814438,[56,0,56]],[1692814439,[59,0,59]],[1692814440,[62,0,62]],[1692814441,[65,0,65]],[1692814442,[69,0,69]],[1692814443,[73,0,73]],[1692814444,[75,0,75]],[1692814445,[78,0,78]],[1692814446,[82,0,82]],[1692814447,[86,0,86]],[1692814448,[89,0,89]],[1692814449,[91,0,91]],[1692814450,[95,0,95]],[1692814451,[99,0,99]],[1692814452,[102,0,102]],[1692814453,[105,0,105]],[1692814454,[108,0,108]],[1692814455,[112,0,112]],[1692814456,[115,0,115]],[1692814457,[119,0,119]],[1692814458,[121,0,121]],[1692814459,[125,0,125]],[1692814460,[128,0,128]],[1692814461,[132,0,132]],[1692814462,[135,0,135]],[1692814463,[138,0,138]],[1692814464,[141,0,141]],[1692814465,[145,0,145]],[1692814466,[148,0,148]],[1692814467,[151,0,151]],[1692814468,[155,0,155]],[1692814469,[158,0,158]],[1692814470,[161,0,161]],[1692814471,[164,0,164]],[1692814472,[168,0,168]],[1692814473,[172,0,172]],[1692814474,[174,0,174]],[1692814475,[177,0,177]],[1692814476,[181,0,181]],[1692814477,[185,0,185]],[1692814478,[188,0,188]],[1692814479,[190,0,190]],[1692814480,[194,0,194]],[1692814481,[198,0,198]],[1692814482,[201,0,201]],[1692814483,[204,0,204]],[1692814484,[207,0,207]],[1692814485,[211,0,211]],[1692814486,[214,0,214]],[1692814487,[218,0,218]],[1692814488,[220,0,220]],[1692814489,[224,0,224]],[1692814490,[227,0,227]],[1692814491,[231,0,231]],[1692814492,[234,0,234]],[1692814493,[237,0,237]],[1692814494,[240,0,240]],[1692814495,[244,0,244]],[1692814496,[247,0,247]],[1692814497,[250,0,250]],[1692814498,[254,0,254]],[1692814499,[257,0,257]],[1692814500,[260,0,260]],[1692814501,[263,0,263]],[1692814502,[267,0,267]],[1692814503,[270,0,270]],[1692814504,[274,0,274]],[1692814505,[276,0,276]],[1692814506,[280,0,280]],[1692814507,[284,0,284]],[1692814508,[287,0,287]],[1692814509,[289,0,289]],[1692814510,[294,0,294]],[1692814511,[296,0,296]],[1692814512,[300,0,300]],[1692814513,[303,0,303]],[1692814514,[307,0,307]],[1692814515,[309,0,309]],[1692814516,[313,0,313]],[1692814517,[317,0,317]],[1692814518,[319,0,319]],[1692814519,[323,0,323]],[1692814520,[326,0,326]],[1692814521,[330,0,330]],[1692814522,[333,0,333]],[1692814523,[336,0,336]],[1692814524,[339,0,339]],[1692814525,[343,0,343]],[1692814526,[346,0,346]],[1692814527,[349,0,349]],[1692814528,[353,0,353]],[1692814529,[355,0,355]],[1692814530,[360,0,360]],[1692814531,[362,0,362]],[1692814532,[366,0,366]],[1692814533,[369,0,369]],[1692814534,[373,0,373]],[1692814535,[376,0,376]],[1692814536,[379,0,379]],[1692814537,[382,0,382]],[1692814538,[386,0,386]],[1692814539,[388,0,388]],[1692814540,[392,0,392]],[1692814541,[396,0,396]],[1692814542,[399,0,399]],[1692814543,[402,0,402]],[1692814544,[406,0,406]],[1692814545,[408,0,408]],[1692814546,[412,0,412]],[1692814547,[416,0,416]],[1692814548,[418,0,418]],[1692814549,[422,0,422]],[1692814550,[425,0,425]],[1692814551,[429,0,429]],[1692814552,[432,0,432]],[1692814553,[434,0,434]],[1692814554,[439,0,439]],[1692814555,[442,0,442]],[1692814556,[445,0,445]],[1692814557,[448,0,448]],[1692814558,[452,0,452]],[1692814559,[454,0,454]],[1692814560,[459,0,459]],[1692814561,[461,0,461]],[1692814562,[465,0,465]],[1692814563,[468,0,468]],[1692814564,[472,0,472]],[1692814565,[474,0,474]],[1692814566,[478,0,478]],[1692814567,[482,0,482]],[1692814568,[485,0,485]],[1692814569,[487,0,487]],[1692814570,[491,0,491]],[1692814571,[495,0,495]],[1692814572,[497,0,497]],[1692814573,[502,0,502]],[1692814574,[504,0,504]],[1692814575,[508,0,508]],[1692814576,[511,0,511]],[1692814577,[515,0,515]],[1692814578,[517,0,517]],[1692814579,[521,0,521]],[1692814580,[524,0,524]],[1692814581,[528,0,528]],[1692814582,[531,0,531]],[1692814583,[534,0,534]],[1692814584,[537,0,537]],[1692814585,[540,0,540]],[1692814586,[545,0,545]],[1692814587,[547,0,547]],[1692814588,[551,0,551]],[1692814589,[554,0,554]],[1692814590,[557,0,557]],[1692814591,[561,0,561]],[1692814592,[563,0,563]],[1692814593,[567,0,567]],[1692814594,[571,0,571]],[1692814595,[573,0,573]],[1692814596,[577,0,577]],[1692814597,[581,0,581]],[1692814598,[583,0,583]],[1692814599,[587,0,587]],[1692814600,[591,0,591]],[1692814601,[593,0,593]],[1692814602,[875,0,875]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 54640.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[6,5],[6,1],[6,1],[6,1],[6,1],[6,0],[6,1],[6,0],[6,1],[6,1],[6,1],[7,1],[7,1],[7,1],[7,1],[9,1],[9,1],[9,1],[9,1],[10,1],[10,1],[11,1],[11,1],[13,1],[13,1],[14,2],[21,1],[26,1],[30,1],[35,1],[37,1],[42,1],[47,1],[50,1],[55,1],[58,1],[62,1],[66,1],[70,1],[74,1],[79,1],[83,1],[86,1],[90,1],[94,1],[100,1],[102,1],[105,1],[110,1],[116,2],[119,1],[120,1],[127,1],[131,1],[135,1],[138,0],[142,1],[147,1],[150,1],[155,1],[158,1],[163,1],[166,1],[171,1],[175,0],[178,1],[182,1],[187,1],[191,1],[195,1],[199,1],[203,1],[206,1],[210,1],[215,1],[220,1],[222,1],[226,1],[231,1],[235,1],[239,1],[242,1],[247,1],[251,1],[255,1],[259,1],[262,1],[267,0],[270,1],[277,1],[278,1],[282,1],[287,1],[292,1],[295,1],[299,1],[303,0],[306,1],[311,1],[316,1],[318,1],[323,1],[327,0],[331,1],[335,0],[339,0],[343,1],[347,1],[350,1],[356,1],[360,1],[362,1],[368,1],[371,1],[376,0],[379,1],[383,1],[386,1],[391,1],[396,1],[400,1],[401,1],[408,1],[412,1],[416,0],[419,1],[422,1],[428,1],[431,0],[435,0],[439,1],[443,1],[448,1],[451,1],[455,0],[461,1],[463,1],[467,1],[472,1],[476,1],[479,0],[482,1],[487,0],[492,1],[496,1],[500,1],[503,1],[507,1],[512,1],[515,1],[520,1],[524,1],[528,1],[532,1],[535,1],[539,1],[543,1],[548,1],[551,0],[556,0],[560,0],[562,1],[569,1],[571,1],[577,1],[579,1],[584,1],[587,1],[592,0],[596,0],[600,1],[603,1],[608,1],[612,1],[615,1],[622,1],[622,0],[629,1],[631,1],[637,1],[639,1],[644,1],[648,1],[652,1],[656,1],[660,1],[664,1],[666,1],[673,1],[676,0],[680,1],[684,1],[688,1],[693,1],[695,1],[700,0],[704,1],[708,1],[711,1],[717,1],[720,1],[725,1],[729,1],[732,1],[1078,1]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
